<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>类型表</title>
    <meta name="keywords" content="有贝口腔网,有贝网,口腔网,口腔资讯,口腔知识,美白,口腔美白,牙齿美白">
    <meta name="description" content="有贝口腔网是国内首家专注口腔资讯服务网站，为用户提供专业的口腔资讯，口腔知识，口腔问题，口腔卫生，牙齿问题等综合服务型网站">

    <link rel="stylesheet" th:href="@{/yb_system_css/reset.css}">
    <link rel="stylesheet" th:href="@{/yb_system_css/commone.css}">
    <link rel="stylesheet" th:href="@{/yb_system_css/commtwo.css}">
    <link rel="stylesheet" th:href="@{/yb_system_css/commthree.css}">

    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)" th:href="@{/yb_system_css/consult.css}">
    <link rel="stylesheet" media="screen and (max-width:480px)" th:href="@{/yb_system_css/consult(1).css}">

    <script th:src="@{/yb_system_js/hm.js}"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script th:src="@{/yb_system_js/common.js}"></script>
    <script th:src="@{/yb_system_js/jquery-3.5.1.min.js}"></script>
    <script th:src="@{/yb_system_js/footfixed.js}"></script>
    <script th:src="@{/yb_system_js/right-lub.js}"></script>
    <script th:src="@{/yb_system_js/consult.js}"></script>
</head>
<style>
    .user-img-name{
        display: flex;
        align-items: center;
    }
    .user-img{
        width: 25px;
        height: 25px;
        border-radius: 50%;
        margin-right: 10px;
        float: left;
        font-size: 14px;
    }
</style>
<body>
<div class="content">

    <div th:replace="public :: header"></div>

    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <li>
                        <a th:href="@{/consult}" target="_self">今日推荐</a>
                    </li>
                    <li th:each="thTypeList,typeState:${queryTypeList}" th:if="${typeState.count <= 10}">
                        <a  class="main-tab-active"  th:if="${typeId == thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                        <a th:if="${typeId != thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                    </li>
                    <li class="tab-more-list">
                        <a href="javascript:;" target="_self">
                            <span>更多</span>
                            <img class="arrow-bottom" th:src="@{/yb_system_picture/arrow-bttom.png}" alt="有贝口腔网">
                        </a>
                        <div>
                            <ul>
                                <li th:each="thTypeList2,typeState:${queryTypeList}" th:if="${typeState.count > 10}">
                                    <a class="main-tab-active"  th:if="${thTypeList2.id == typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                    <a th:if="${thTypeList2.id != typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bread-crumb">
            <div>
                <!-- <a href="#">导航：</a>
                <span>/</span> -->
                <a th:href="@{/homePage}">首页</a>
                <span>/</span>
                <a th:href="@{/type(typeId=${typeId})}" th:each="article,articleState:${totalArticleList}" th:text="${article.name}" th:if="${articleState.count == 1}"></a>
            </div>
        </div>
        <div class="zixun-info">
            <div class="main-content">
                <div class="main-content-list">
                    <ul class="tab">
                        <li class="ckecked" th:if="${type == 5}"><a th:href="@{/type(typeId=${typeId})}">全部</a></li>
                        <li th:if="${type != 10 && type == 5}"><a th:href="@{'/hot/'+${typeId}}">热门</a></li>
                        <li th:if="${type == 5 && type != 20}"><a th:href="@{'/new/'+${typeId}}">最新</a></li>

                        <li th:if="${type != 5 && type == 10}"><a th:href="@{/type(typeId=${typeId})}">全部</a></li>
                        <li class="ckecked" th:if="${type == 10}"><a th:href="@{'/hot/'+${typeId}}">热门</a></li>
                        <li th:if="${type == 10 && type != 20}"><a th:href="@{'/new/'+${typeId}}">最新</a></li>

                        <li th:if="${type != 5 && type == 20}"><a th:href="@{/type(typeId=${typeId})}">全部</a></li>
                        <li th:if="${type == 20 && type != 10}"><a th:href="@{'/hot/'+${typeId}}">热门</a></li>
                        <li class="ckecked" th:if="${type == 20}"><a th:href="@{'/new/'+${typeId}}">最新</a></li>

                    </ul>
                </div>
                <div class="main-info-list main-info-t10">
                    <!--文章-->
                    <div class="list-item" th:each="article:${totalArticleList}">
                        <div class="list-item-left" th:if="${article.photoPath != ''}">
                            <a th:href="@{/articleDetail(articleId=${article.id})}">
                                <img th:src="${article.photoPath}" alt="有贝口腔网" th:text="${article.photoPath}">
                            </a>
                        </div>
                        <div class="list-item-right" th:if="${article.photoPath != ''}">
                            <div class="list-item-title">
                                <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                            </div>
                            <div class="list-item-content-text">
                                <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                            </div>
                            <div class="list-item-info">
                                <a th:href="@{/type(typeId=${article.typeId})}">
                                    <span class="tui-jian" th:text="${article.name}"></span>
                                </a>
                                <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                                    <img class="user-img" th:if="${article.userPath == null}" alt="有贝口腔网" th:src="@{/yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png}">
                                    <img class="user-img" th:if="${article.userPath != null}" alt="有贝口腔网" th:src="${article.userPath}">
                                    <span class="user-name" th:text="${article.nickname}"></span>
                                </a>
                                <div class="ping-lun">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/pinglun.png}">
                                        <span th:text="${article.commentNum+'评论'}"></span>
                                    </a>
                                </div>
                                <div class="shou-cang">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/shoucang.png}">
                                        <span th:text="${article.collectNum+'收藏'}"></span>
                                    </a>
                                </div>
                                <div class="yue-du">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/yuedu.png}">
                                        <span th:text="${article.readNum+'阅读'}"></span>
                                    </a>
                                </div>
                                <span class="dotted">·</span>
                                <span class="time-before" th:text="${article.publishTime}"></span>
                            </div>
                        </div>
                        <div class="item_text" th:if="${article.photoPath == ''}">
                            <div class="list-item-title">
                                <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                            </div>
                            <div class="list-item-content-text">
                                <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                            </div>
                            <div class="list-item-info">
                                <a th:href="@{/type(typeId=${article.typeId})}">
                                    <span class="tui-jian" th:text="${article.name}"></span>
                                </a>
                                <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                                    <img class="user-img" th:if="${article.userPath == null}" th:src="@{/yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png}">
                                    <img class="user-img" th:if="${article.userPath != null}" th:src="${article.userPath}">
                                    <span class="user-name" th:text="${article.nickname}"></span>
                                </a>
                                <div class="ping-lun">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/pinglun.png}">
                                        <span th:text="${article.commentNum+'评论'}"></span>
                                    </a>
                                </div>
                                <div class="shou-cang">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/shoucang.png}">
                                        <span th:text="${article.collectNum+'收藏'}"></span>
                                    </a>
                                </div>
                                <div class="yue-du">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}">
                                        <img th:src="@{/yb_system_picture/yuedu.png}">
                                        <span th:text="${article.readNum+'阅读'}"></span>
                                    </a>
                                </div>
                                <span class="dotted">·</span>
                                <span class="time-before" th:text="${article.publishTime}"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--分页-->
                <div class="fen-ye">
                    <div class="fenye-list"  th:if="${currentPage -1 > 0}" >
                        <a th:href="@{/articleFy(typeId=${typeId},current=(${currentPage}-1),type=${type})}">&lt;上一页</a>
                    </div>
                   <div class="fenye-list" th:each="i,pageState:${#numbers.sequence(1,pageNum)}">
                       <span th:if="${currentPage == pageState.count}" class="selected">[[${currentPage}]]</span>
                       <a th:if="${pageState.count != currentPage}" th:href="@{/articleFy(typeId=${typeId},current=${i},type=${type})}">[[${i}]]</a>
                   </div>
                    <div class="fenye-list" th:if="${currentPage+1 <= pageNum}">
                        <a th:href="@{/articleFy(typeId=${typeId},current=${currentPage+1},type=${type})}">下一页&gt;</a>
                    </div>
                </div>
            </div>

            <div class="aside-left margin-t0">
                <div class="wonderful-top">
                    <div class="wonderful-top-title">相关推荐</div>
                    <div class="allsee-item">
                        <ul>
                            <li th:each="recommendList,recommendState:${recommendList}">
                                <a th:href="@{/articleDetail(articleId=${recommendList.id})}" target="_blank">
                                    <span class="other-bg" th:text="${recommendState.count}"></span>
                                    <div th:text="${recommendList.title}"></div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">其他看点</div>
                    <a th:href="@{/articleDetail(articleId=${articleRandomQuerySix.id})}" target="_blank" th:each="articleRandomQuerySix:${articleRandomQuerySix}">
                        <div class="wonderful-item-line">
                            <div class="allsee-item-left">
                                <img th:src="${articleRandomQuerySix.photoPath}" alt="有贝口腔网牙齿贴面有那些种类呢?">
                            </div>
                            <div class="allsee-item-right" th:text="${articleRandomQuerySix.title}"></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div th:replace="public::footer"></div>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>

</body>
</html>